<template>
	<view class="fenxiang_view">
		<image src="../../static/fen1.png" class="fen1_img"></image>
		<view class="msg_info">
			<view class="cs_tit">
				恭喜您抽中
			</view>
			<view class="show_m">
				<image src="../../static/fen2.png" class="ca_img"></image>
				<view class="c_m">
					{{zMoney}}元
				</view>
			</view>
			<view class="c_kf">
				请等待我们的客服人员将与您联系
			</view>
			<view class="f_btn" @click="toFenx">
				点击分享
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				jiangArr:[
					{
						num:1,text:1000,
					},
					{
						num:2,text:2000,
					},
					{
						num:3,text:3000,
					},
					{
						num:4,text:4000,
					},
					{
						num:5,text:5000,
					},
					{
						num:6,text:6000,
					},
					{
						num:7,text:7000,
					},
					{
						num:8,text:8000,
					},
				],
				zMoney:""
			}
		},
		onLoad(ph) {
			this.zMoney = ph.money
		},
		methods: {
			toFenx(){
				uni.navigateTo({
					url:"/pages/index/fenxiang2?money="+this.zMoney
				})
			}
		}
	}
</script>

<style lang="scss">
.fenxiang_view{
	padding: 10rpx 30rpx;
	.fen1_img{
		width: 688rpx;
		height: 460rpx;
		border: 1rpx solid #e5cf94;
		border-radius:0 100rpx 0 100rpx;
	}
	.c_kf{
		text-align: center;
		color: #999;
	}

	.msg_info{
		margin-top: 20rpx;
		width: 690rpx;

		border: 1rpx solid #e5cf94;
		background-color: #f8f7f2;
		padding-top:40rpx;
		padding-bottom: 80rpx;
		border-radius: 60rpx;
		.cs_tit{
			color: #999;
			font-size: 32rpx;
			text-align: center;
		}
		.show_m{
			position: relative;
			width: 380rpx;
			height: 230rpx;
			margin: 30rpx auto;
			.ca_img{
				width: 380rpx;
				height: 230rpx;
				position: absolute;
				left: 0;
				top: 0;
			}
			.c_m{
				text-align: center;
				color: #fff;
				position: absolute;
				left: 0;
				top: 0;
				font-size: 52rpx;
				width: 380rpx;
				height: 210rpx;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}
		.f_btn{
			background-color: #172c3d;
			color: #fff;
			width: 500rpx;
			padding: 20rpx 0;
			text-align: center;
			border-radius: 60rpx;
			margin: 60rpx auto 0;
		}
	}
}
</style>
